<!DOCTYPE html>
<html>

<head>
    <title>
        Title
    </title>
    <style>
        .parent {
            height: 2em;
        }

        .parent.font {
            font-family: 'Courier New', Courier, monospace;
            font-weight: bolder;
            font-size: 1em;
            font-style: italic;
            font-variant: small-caps;
            font-stretch: semi-condensed;
            font-size-adjust: initial;
        }

        .parent.text {
            text-indent: 2em;
            text-align: left;
            line-height: 2em;
            word-spacing: 1em;
            letter-spacing: 0.0em;
            text-transform: uppercase;
            direction: ltr;
            color: brown;
        }
    </style>
</head>

<body>
    <div class='parent font'>
        <span>
            Do I have some special?
        </span>
        <span>
            Yes, I do.
        </span>
    </div>
    <div class="parent text">
        <span>
            I have some text attributes;
        </span>
    </div>
</body>

</html>